.answer-notes {
  display: flex;
  flex-direction: column;
  height: 83vh;
  width: 100%;
}
.answer-notes .answer-wrap {
  overflow-y: auto;
  background-color: #ecf5f4;
  height: calc(100vh - 70px);
  background-image: url("@/assets/reverse/answer-topbg.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 200px;
}
.answer-notes .chose-course-top {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
  height: 80px;
  padding: 0 40px;
  background-color: #fff;
}
.answer-notes .chose-course-top .anticon {
  font-size: 24px;
  /* no*/

}
.answer-notes .chose-course-top .header-left {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.answer-notes .chose-course-top .header-left .back-arrow {
  width: 30px;
  height: 27px;
  background-image: url("@/assets/home/btn_back.png");
  background-size: 100%;
  cursor: pointer;
}
.answer-notes .chose-course-top .course-title {
  width: 100%;
  font-size: 20px;
  flex: 1;
  font-weight: 700;
}
.answer-notes .chapter-title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 30px 0;
}
.answer-notes .answer-result {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 600px;
  height: 100px;
  background-color: #fff;
  margin: 30px auto;
  border-radius: 10px;
  /* no*/
  box-shadow: 0px 0px 20px rgba(59, 201, 164, 0.3);
}
.answer-notes .answer-result .result-item {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 36px;
  font-size: 14px;
}
.answer-notes .answer-result .result-item > span:nth-child(2) {
  color: #2db7f5;
  font-size: 24px;
}
.answer-notes .yxp-info {
  display: flex;
  justify-content: center;
}
.answer-notes .yxp-info .yxp-credit,
.answer-notes .yxp-info .yxp-diamond {
  display: flex;
  align-items: center;
  margin: 0 16px;
}
.answer-notes .yxp-info .yxp-credit img,
.answer-notes .yxp-info .yxp-diamond img {
  width: 30px;
  /* no*/

}
.answer-notes .yxp-info .yxp-credit span,
.answer-notes .yxp-info .yxp-diamond span {
  font-size: 20px;
  color: #fbad51;
  margin: 0 5px;
}
.answer-notes .answer-content {
  margin: 54px 0 145px 0;
}
.answer-notes .answer-content .answer-title img {
  width: 42px;
  /* no*/
  vertical-align: top;
}
.answer-notes .answer-content .answer-title span {
  font-size: 30px;
  color: #333;
  font-weight: 700;
  margin-left: 9px;
}
.answer-notes .answer-content .subjects-item {
  width: 800px;
  margin: 20px auto;
  padding: 36px 40px 27px 40px;
  background-color: #fff;
  border-radius: 10px;
  /* no*/
  text-align: left;
}
.answer-notes .answer-content .subjects-item.subjects-item__error {
  border: 1px solid #ff604b;
}
.answer-notes .answer-content .subjects-item > p:nth-of-type(1) {
  font-size: 0;
}
.answer-notes .answer-content .subjects-item > p:nth-of-type(1) span {
  font-size: 24px;
  padding: 3px;
  /* no*/

}
.answer-notes .answer-content .subjects-item > p:nth-of-type(2),
.answer-notes .answer-content .subjects-item > p:nth-of-type(3) {
  color: #27BFA3;
  font-size: 20px;
  padding-left: 26px;
}
.answer-notes .answer-content .subjects-item > p:nth-of-type(2) {
  font-weight: 700;
  margin: 24px 0 17px 0;
}
.answer-notes .answer-content .subjects-item .space-blank {
  display: inline-block;
  vertical-align: text-bottom;
  min-width: 30px;
  /* no*/
  border-bottom: 1px solid #333;
  text-align: center;
  font-weight: 700;
}
